@media screen and (max-width: 1440px) {

  html,
  body {
    font-size: 12px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1680px) {

  html,
  body {
    font-size: 14px;
  }
}

@media screen and (min-width: 1681px) and (max-width: 1920px) {

  html,
  body {
    font-size: 16px;
  }
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
  margin: 0;
  padding: 0
}

img {
  border: 0
}

ul,
ol {
  list-style: none
}

.JustifyContentC {
  justify-content: center;
}

.JustifyContentSB {
  justify-content: space-between;
}

.JustifyContentSA {
  justify-content: space-around;
}

.JustifyContentFE {
  justify-content: flex-end;
}

.AlignItemsC {
  align-items: center;
}

@font-face {
  font-family: "PingFangBold";
  src: url(./fonts/PingFangBold.ttf);
}

@font-face {
  font-family: "PingFangExtraLight";
  src: url(./fonts/PingFangExtraLight.ttf);
}

@font-face {
  font-family: "PingFangHeavyt";
  src: url(./fonts/PingFangHeavy.ttf);
}

@font-face {
  font-family: "PingFangLight";
  src: url(./fonts/PingFangLight.ttf);
}

@font-face {
  font-family: "PingFangMedium";
  src: url(./fonts/PingFangMedium.ttf);
}

@font-face {
  font-family: "PingFangRegular";
  src: url(./fonts/PingFangRegular.ttf);
}

@font-face {
  font-family: "SAPISRG";
  src: url(./fonts/SAPISRG.TTF);
}

@font-face {
  font-family: "UnidreamLED";
  src: url(./fonts/UnidreamLED.ttf);
}

@font-face {
  font-family: "AgencyFB";
  src: url(./fonts/AgencyFB.ttf);
}

.PingFangBold {
  font-family: PingFangBold;
}

.PingFangExtraLight {
  font-family: PingFangExtraLight;
}

.PingFangHeavyt {
  font-family: PingFangHeavyt;
}

.PingFangLight {
  font-family: PingFangLight;
}

.PingFangMedium {
  font-family: PingFangMedium;
}

.PingFangRegular {
  font-family: PingFangRegular;
}

.SAPISRG {
  font-family: SAPISRG;
}

.UnidreamLED {
  font-family: UnidreamLED;
}

.AgencyFB {
  font-family: AgencyFB;
}

.flex {
  display: flex;
}

.flexC {
  display: flex;
  flex-direction: column;
}

.positionR {
  position: relative;
}

.flex1 {
  flex: 1;
}

.flex2 {
  flex: 2;
}

.flex3 {
  flex: 3;
}

.flex4 {
  flex: 4;
}

.flex5 {
  flex: 5;
}

.flex6 {
  flex: 6;
}

.flex7 {
  flex: 7;
}

.flex8 {
  flex: 8;
}

.flex9 {
  flex: 9;
}

.JustifyContentC {
  justify-content: center;
  /*主轴上的对齐方式*/
}

.JustifyContentSB {
  justify-content: space-between;
}

.JustifyContentSA {
  justify-content: space-around;
}

.JustifyContentFE {
  justify-content: flex-end;
}

.AlignItemsC {
  align-items: center;
  /*交叉轴上如何对齐*/
}

.font_s12 {
  font-size: 0.75rem;
}

.font_s14 {
  font-size: 0.875rem;
}

.font_s15 {
  font-size: 0.9375rem;
}

.font_s16 {
  font-size: 1rem;
}

.font_s18 {
  font-size: 1.0875rem;
}

.font_s19 {
  font-size: 1.1275rem;
}

.font_s20 {
  font-size: 1.25rem;
}

.font_s22 {
  font-size: 1.375rem;
}

.font_s24 {
  font-size: 1.5rem;
}

.font_s27 {
  font-size: 1.6875rem;
}

.font_s28 {
  font-size: 1.75rem;
}

.font_s30 {
  font-size: 1.875rem;
}

.font_s32 {
  font-size: 2rem;
}

.font_s34 {
  font-size: 2.125rem;
}

.font_s36 {
  font-size: 1.8rem;
}

.font_s40 {
  font-size: 2.0rem;
}

.font_s50 {
  font-size: 2.5rem;
}

.font_s55 {
  font-size: 3rem;
}

.font_s60 {
  font-size: 3.75rem;
}

.colorF {
  color: #FFFFFF;
}

.textL {
  text-align: left;
}

.textC {
  text-align: center;
}

.textR {
  text-align: right;
}

.LH1R {
  line-height: 1rem;
}

.LH2R {
  line-height: 2rem;
}

.LH2_5R {
  line-height: 2.5rem;
}

.LH3R {
  line-height: 3rem;
}

.LH3_5R {
  line-height: 3.5rem;
}

.LH4R {
  line-height: 4rem;
}

.verticM {
  vertical-align: middle;
}
.font_Impact {
  font-family: Impact;
  font-weight: 400;
}
.cursor {
  cursor: pointer;
}
.verticalM {
  vertical-align: middle;
}


.superviseList {
  overflow-x: hidden;
  overflow-y: auto;
}

::-webkit-scrollBar,
::-webkit-scrollBar {
  width: 0;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0)
}

.superviseList::-webkit-scrollBar-thumb,
.superviseList2::-webkit-scrollBar-thumb {
  height: 0;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0)
}
.textOverflow {
  display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;
}
.c_num {
  font-family: Impact;
  font-weight: 400;
}
.c_txt {
  font-family: Microsoft YaHei;
  font-weight: normal;
}